<!DOCTYPE html>
<!-- saved from url=(0167)http://m2.link/c/year2018/j3POd/?uid=53899B14C24F351212F4DC92673113FC&full_screen=true&keep_status_bar=true&top_bar_bg_color=f9f9f9&status_bar_type=dark&userid=2227269 -->
<html lang="en" class=" z-ios">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>年度聊天报告</title>
    <meta name="yixin-share-desc" content="点击查看，我的年度聊天报告">
    <!-- TODO 改成真实分享文案 -->
    <meta name="yixin-share-image" content="https://p1.music.126.net/uLDm27B4bC_kKSD8le3WwA==/109951163754269117.jpg">
    <link rel="shortcut icon" href="http://s1.music.126.net/style/favicon.ico">
    <script src="./my_resource/raven.min.js"></script>
    <script type="text/javascript" src="./my_resource/tool.min.js"></script>
    <link href="./my_resource/vendors.a07adb27.css" rel="stylesheet">
    <link href="./my_resource/main.ff465555.css" rel="stylesheet">
    <style type="text/css">#__vconsole{color:#000;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}#__vconsole .vc-max-height{max-height:19.23076923em}#__vconsole .vc-max-height-line{max-height:3.38461538em}#__vconsole .vc-min-height{min-height:3.07692308em}#__vconsole dd,#__vconsole dl,#__vconsole pre{margin:0}#__vconsole .vc-switch{display:block;position:fixed;right:.76923077em;bottom:.76923077em;color:#fff;background-color:#04be02;line-height:1;font-size:1.07692308em;padding:.61538462em 1.23076923em;z-index:10000;border-radius:.30769231em;box-shadow:0 0 .61538462em rgba(0,0,0,.4)}#__vconsole .vc-mask{top:0;background:transparent;z-index:10001;transition:background .3s;-webkit-tap-highlight-color:transparent;overflow-y:scroll}#__vconsole .vc-mask,#__vconsole .vc-panel{display:none;position:fixed;left:0;right:0;bottom:0}#__vconsole .vc-panel{min-height:85%;z-index:10002;background-color:#efeff4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%)}#__vconsole .vc-tabbar{border-bottom:1px solid #d9d9d9;overflow-x:auto;height:3em;width:auto;white-space:nowrap}#__vconsole .vc-tabbar .vc-tab{display:inline-block;line-height:3em;padding:0 1.15384615em;border-right:1px solid #d9d9d9;text-decoration:none;color:#000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#__vconsole .vc-tabbar .vc-tab:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-tabbar .vc-tab.vc-actived{background-color:#fff}#__vconsole .vc-content{background-color:#fff;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.07692308em;left:0;right:0;bottom:3.07692308em;-webkit-overflow-scrolling:touch}#__vconsole .vc-content.vc-has-topbar{top:5.46153846em}#__vconsole .vc-topbar{background-color:#fbf9fe;display:flex;display:-webkit-box;flex-direction:row;flex-wrap:wrap;-webkit-box-direction:row;-webkit-flex-wrap:wrap;width:100%}#__vconsole .vc-topbar .vc-toptab{display:none;flex:1;-webkit-box-flex:1;line-heiÍght:2.30769231em;padding:0 1.15384615em;border-bottom:1px solid #d9d9d9;text-decoration:none;text-align:center;color:#000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#__vconsole .vc-topbar .vc-toptab.vc-toggle{display:block}#__vconsole .vc-topbar .vc-toptab:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-topbar .vc-toptab.vc-actived{border-bottom:1px solid #3e82f7}#__vconsole .vc-logbox{display:none;position:relative;min-height:100%}#__vconsole .vc-logbox i{font-style:normal}#__vconsole .vc-logbox .vc-log{padding-bottom:3em;-webkit-tap-highlight-color:transparent}#__vconsole .vc-logbox .vc-log:empty:before{content:"Empty";color:#999;position:absolute;top:45%;left:0;right:0;bottom:0;font-size:1.15384615em;text-align:center}#__vconsole .vc-logbox .vc-item{margin:0;padding:.46153846em .61538462em;overflow:hidden;line-height:1.3;border-bottom:1px solid #eee;word-break:break-word}#__vconsole .vc-logbox .vc-item-info{color:#6a5acd}#__vconsole .vc-logbox .vc-item-debug{color:#daa520}#__vconsole .vc-logbox .vc-item-warn{color:orange;border-color:#ffb930;background-color:#fffacd}#__vconsole .vc-logbox .vc-item-error{color:#dc143c;border-color:#f4a0ab;background-color:#ffe4e1}#__vconsole .vc-logbox .vc-log.vc-log-partly .vc-item{display:none}#__vconsole .vc-logbox .vc-log.vc-log-partly-error .vc-item-error,#__vconsole .vc-logbox .vc-log.vc-log-partly-info .vc-item-info,#__vconsole .vc-logbox .vc-log.vc-log-partly-log .vc-item-log,#__vconsole .vc-logbox .vc-log.vc-log-partly-warn .vc-item-warn{display:block}#__vconsole .vc-logbox .vc-item .vc-item-content{margin-right:4.61538462em;display:block}#__vconsole .vc-logbox .vc-item .vc-item-meta{color:#888;float:right;width:4.61538462em;text-align:right}#__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-content{margin-right:0}#__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-meta{display:none}#__vconsole .vc-logbox .vc-item .vc-item-code{display:block;white-space:pre-wrap;overflow:auto;position:relative}#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input,#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output{padding-left:.92307692em}#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input:before,#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before{content:"\203A";position:absolute;top:-.23076923em;left:0;font-size:1.23076923em;color:#6a5acd}#__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before{content:"\2039"}#__vconsole .vc-logbox .vc-item .vc-fold{display:block;overflow:auto;-webkit-overflow-scrolling:touch}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer{display:block;font-style:italic;padding-left:.76923077em;position:relative}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:active{background-color:#e6e6e6}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:before{content:"";position:absolute;top:.30769231em;left:.15384615em;width:0;height:0;border:.30769231em solid transparent;border-left-color:#000}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer.vc-toggle:before{top:.46153846em;left:0;border-top-color:#000;border-left-color:transparent}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner{display:none;margin-left:.76923077em}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner.vc-toggle{display:block}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner .vc-code-key{margin-left:.76923077em}#__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer .vc-code-key{margin-left:0}#__vconsole .vc-logbox .vc-code-key{color:#905}#__vconsole .vc-logbox .vc-code-private-key{color:#d391b5}#__vconsole .vc-logbox .vc-code-function{color:#905;font-style:italic}#__vconsole .vc-logbox .vc-code-boolean,#__vconsole .vc-logbox .vc-code-number{color:#0086b3}#__vconsole .vc-logbox .vc-code-string{color:#183691}#__vconsole .vc-logbox .vc-code-null,#__vconsole .vc-logbox .vc-code-undefined{color:#666}#__vconsole .vc-logbox .vc-cmd{position:absolute;height:3.07692308em;left:0;right:0;bottom:0;border-top:1px solid #d9d9d9;display:block!important}#__vconsole .vc-logbox .vc-cmd .vc-cmd-input-wrap{display:block;height:2.15384615em;margin-right:3.07692308em;padding:.46153846em .61538462em}#__vconsole .vc-logbox .vc-cmd .vc-cmd-input{width:100%;border:none;resize:none;outline:none;padding:0;font-size:.92307692em}#__vconsole .vc-logbox .vc-cmd .vc-cmd-input::-webkit-input-placeholder{line-height:2.15384615em}#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn{position:absolute;top:0;right:0;bottom:0;width:3.07692308em;border:none;background-color:#efeff4;outline:none;-webkit-touch-callout:none;font-size:1em}#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-logbox .vc-group .vc-group-preview{-webkit-touch-callout:none}#__vconsole .vc-logbox .vc-group .vc-group-preview:active{background-color:#e6e6e6}#__vconsole .vc-logbox .vc-group .vc-group-detail{display:none;padding:0
      0 .76923077em 1.53846154em;border-bottom:1px solid #eee}#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-detail{display:block;background-color:#fbf9fe}#__vconsole .vc-logbox .vc-group.vc-actived .vc-table-row{background-color:#fff}#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-preview{background-color:#fbf9fe}#__vconsole .vc-logbox .vc-table .vc-table-row{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;-webkit-box-direction:row;-webkit-flex-wrap:wrap;overflow:hidden;border-bottom:1px solid #eee}#__vconsole .vc-logbox .vc-table .vc-table-row.vc-left-border{border-left:1px solid #eee}#__vconsole .vc-logbox .vc-table .vc-table-col{flex:1;-webkit-box-flex:1;padding:.23076923em .30769231em;border-left:1px solid #eee;overflow:auto;white-space:pre-wrap;word-break:break-word;-webkit-overflow-scrolling:touch}#__vconsole .vc-logbox .vc-table .vc-table-col:first-child{border:none}#__vconsole .vc-logbox .vc-table .vc-small .vc-table-col{padding:0 .30769231em;font-size:.92307692em}#__vconsole .vc-logbox .vc-table .vc-table-col-2{flex:2;-webkit-box-flex:2}#__vconsole .vc-logbox .vc-table .vc-table-col-3{flex:3;-webkit-box-flex:3}#__vconsole .vc-logbox .vc-table .vc-table-col-4{flex:4;-webkit-box-flex:4}#__vconsole .vc-logbox .vc-table .vc-table-col-5{flex:5;-webkit-box-flex:5}#__vconsole .vc-logbox .vc-table .vc-table-col-6{flex:6;-webkit-box-flex:6}#__vconsole .vc-logbox .vc-table .vc-table-row-error{border-color:#f4a0ab;background-color:#ffe4e1}#__vconsole .vc-logbox .vc-table .vc-table-row-error .vc-table-col{color:#dc143c;border-color:#f4a0ab}#__vconsole .vc-logbox .vc-table .vc-table-col-title{font-weight:700}#__vconsole .vc-logbox.vc-actived{display:block}#__vconsole .vc-toolbar{border-top:1px solid #d9d9d9;line-height:3em;position:absolute;left:0;right:0;bottom:0;display:flex;display:-webkit-box;flex-direction:row;-webkit-box-direction:row}#__vconsole .vc-toolbar .vc-tool{display:none;text-decoration:none;color:#000;width:50%;flex:1;-webkit-box-flex:1;text-align:center;position:relative;-webkit-touch-callout:none}#__vconsole .vc-toolbar .vc-tool.vc-global-tool,#__vconsole .vc-toolbar .vc-tool.vc-toggle{display:block}#__vconsole .vc-toolbar .vc-tool:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-toolbar .vc-tool:after{content:" ";position:absolute;top:.53846154em;bottom:.53846154em;right:0;border-left:1px solid #d9d9d9}#__vconsole .vc-toolbar .vc-tool-last:after{border:none}#__vconsole.vc-toggle .vc-switch{display:none}#__vconsole.vc-toggle .vc-mask{background:rgba(0,0,0,.6);display:block}#__vconsole.vc-toggle .vc-panel{-webkit-transform:translate(0);transform:translate(0)}
    </style>
    <style type="text/css">
        .vcelm-node{color:#183691}.vcelm-k{color:#0086b3}.vcelm-v{color:#905}.vcelm-l{padding-left:8px;position:relative;word-wrap:break-word;line-height:1}.vcelm-l.vc-toggle>.vcelm-node{display:block}.vcelm-l .vcelm-node:active{background-color:rgba(0,0,0,.15)}.vcelm-l.vcelm-noc .vcelm-node:active{background-color:transparent}.vcelm-t{white-space:pre-wrap;word-wrap:break-word}.vcelm-l .vcelm-l{display:none}.vcelm-l.vc-toggle>.vcelm-l{margin-left:4px;display:block}.vcelm-l:before{content:"";display:block;position:absolute;top:6px;left:3px;width:0;height:0;border:3px solid transparent;border-left-color:#000}.vcelm-l.vc-toggle:before{display:block;top:6px;left:0;border-top-color:#000;border-left-color:transparent}.vcelm-l.vcelm-noc:before{display:none}
.typing {

    height: 1.5em;
    border-right: 2px solid transparent;
    animation: typing 1s steps(42, end), blink-caret 3.75s step-end infinite;
    font-family: Consolas, Monaco;
    word-break: break-all;
    overflow: hidden;
}

/* 打印效果 */
@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 21em;
    }
}

/* 光标 */
@keyframes blink-caret {

    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: currentColor;
    }
}
</style>
    <script type="text/javascript" charset="UTF-8" async="" src="./my_resource/watchman.min.js"></script>
</head>

<body>
<div style="margin:0 auto; width:0; height:0; overflow:hidden;">
    <!-- TODO 分享图片 -->
    <img id="out-share-pic" src="./my_resource/FtW_Z9lkb47ObTsGSSBlPg==_19135900369963408" width="580"></div>
<div id="j-root" class="g-bd">
    <div class="m-app">
        <div class="m-module m-module-report z-modshow">
            <div class="m-reportcontent f-page">
                <div class="m-page m-page-06 f-page">
                    <div class="bg f-page"></div>
                    <div class="paras">
                        <p class="para f-animLineUp" style="transition-delay: 0.2s;">在TA的音乐品味中&nbsp;</p>
                        <p class="para f-animLineUp" style="transition-delay: 0.3s;">也藏着高冷的一面&nbsp;</p>
                        <p class="para f-animLineUp" style="transition-delay: 0.4s;">这首有些小众的&nbsp;</p>
                        <p class="para f-animLineUp" style="transition-delay: 0.5s;">
                            <em class="s-fcRed">《夏天的味道（Cover 石头剪刀布）》</em></p>
                        <p class="para f-animLineUp" style="transition-delay: 0.6s;">在今年TA一共听了
                            <em class="s-fcRed">15次</em>&nbsp;</p></div>
                    <div class="art">
                        <div class="man"></div>
                        <div class="shadow"></div>
                    </div>
                </div>
                <div class="m-page m-page-07 f-page z-enter">
                    <div class="bg f-page"></div>
                    <div class="art j-art07" style="transform: scale(0.5);">
                        <div class="mountain"></div>
                        <div class="shadow"></div>
                        <div class="id25_youbi3-static">
                            <div class="id24_youbi2-static"></div>
                        </div>
                        <div class="id20_youtui1-static">
                            <div class="id22_yuotui2-static">
                                <div class="id21_youtui3-static">
                                    <div class="id19_yinfu-1"></div>
                                </div>
                            </div>
                        </div>
                        <div class="id18_cheba2"></div>
                        <div class="id17_zixingche"></div>
                        <div class="id15_tou-no-eye">
                            <div class="id13_toufa-static"></div>
                            <div class="id14_eye"></div>
                        </div>
                        <div class="id11_shenti-static"></div>
                        <div class="id12_shenti2-static">
                            <div class="id9_zuotui1-static">
                                <div class="id8_zuotui2-static">
                                    <div class="id10_zuotui3-static">
                                        <div class="id7_yinfu-1"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="id6_yifu-static"></div>
                        </div>
                        <div class="id5_zuoshou-static">
                            <div class="id3_zuobi-static">
                                <div class="id4_zuobi-1">
                                    <div class="id2_xiuzi-static"></div>
                                </div>
                            </div>
                        </div>
                        <div class="id1_cheba"></div>
                        <div class="notesfly"></div>
                    </div>

                    <div class="paras" style="font-size:20px !important">
                        <p class="para f-animLineUp" style="transition-delay: 0.2s;">&nbsp;</p>
                        <p  class="typing" style="transition-delay: 0.3s;">2022-03-12
                            <em class="s-fcRed" >04:36:10</em>&nbsp;</p>
                        <p class="para f-animLineUp" style="transition-delay: 0.4s;">
                            这么晚了你们还在聊天
                            </p>
                        <p class="para f-animLineUp" style="transition-delay: 0.5s;">这天一定有你们
                            <em class="s-fcRed">难忘的回忆</em>&nbsp;吧
                        </p>
                        <div  style="font-size:20px !important">
                        <p class="para f-animLineUp" style="transition-delay: 0.2s;">&nbsp;</p>
                        <p  style="transition-delay: 0.3s;">你们都是
                            <em class="s-fcRed" >夜猫子</em>&nbsp;</p>
                        <p class="para f-animLineUp" style="transition-delay: 0.4s;">
                            凌晨<em class="s-fcRed" >01:00</em>
                            </p>
                        <p class="para f-animLineUp" style="transition-delay: 0.5s;">你们共发送了
                            <em class="s-fcRed">8517</em>&nbsp;条信息
                        </p>

                </div>

                </div>

                    <div style="position: absolute;top:25.6%;right: 25%;">
                        <p align="center"style="font-size:15px">2022-03-12 04:36:10&nbsp;</p>

                        <div></div>
                        <table >
                                <tr>
                                    <td>
                                        <div style="width:50px; height:50px; border-radius:100%; overflow:hidden;">
                                            <img src="my_resource/avatar.png" alt="avatar" height="50" width="50">：
                                        </div>
                                    </td>
                                    <td>
                                        <div>
                                            <p style="letter-spacing:.3em;font-family: STFangsong;color:black;font-size:18px;">
                                                :&nbsp无语了也不知道我这大晚上干嘛不睡觉，生生接住了这波狗粮</p>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                    <table  style="position: absolute;right: 0%;">
                                <tr>
                                    <td>
                                        <div>
                                            <p style="letter-spacing:.3em;font-family: STFangsong;color:black;font-size:18px;">
                                                快睡觉&nbsp:</p>
                                        </div>
                                    </td>
                                    <td>
                                        <div style="width:50px; height:50px; border-radius:100%; overflow:hidden;">
                                            <img src="my_resource/72d82596e15944bed8f10a9a1219bca9.png" alt="avatar" height="50" width="50">：
                                        </div>
                                    </td>
                                </tr>

                            </table>
                    </div>
                    <div id="73b43cab30a0459c93131be28c4335d1" class="chart-container" style="width:800px; height:450px;margin: auto;top:50%;"></div>
                <div class="m-page m-page-08 f-page">
                    <div class="bg f-page"></div>
                    <div class="j-cchair cchair" style="transform: scale(0.5);">
                        <div class="id17_bozi"></div>
                        <div class="id16_tui"></div>
                        <div class="id15_body"></div>
                        <div class="id14_qinti2"></div>
                        <div class="arm_right">
                            <div class="id6_dabi2">
                                <div class="id4_xiaobi2">
                                    <div class="id1_ganzi"></div>
                                    <div class="id5_muzhi2"></div>
                                </div>
                                <div class="id2_p8-split-1_0"></div>
                            </div>
                        </div>
                        <div class="id9_qinti1"></div>
                        <div class="id13_dabi">
                            <div class="id12_xiaobi"></div>
                        </div>
                        <div class="id11_xiuzi"></div>
                        <div class="id8_head"></div>
                    </div>
            </div>
            <div class="m-btmbar"></div>
        </div>
    </div>
</div>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
<script>
        var chart_73b43cab30a0459c93131be28c4335d1 = echarts.init(
            document.getElementById('73b43cab30a0459c93131be28c4335d1'), 'white', {renderer: 'canvas'});
        var option_73b43cab30a0459c93131be28c4335d1 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "line",
            "name": "\u804a\u5929\u9891\u7387",
            "connectNulls": false,
            "xAxisIndex": 0,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "data": [
                [
                    "00:00",
                    5733
                ],
                [
                    "01:00",
                    8517
                ],
                [
                    "02:00",
                    3885
                ],
                [
                    "03:00",
                    838
                ],
                [
                    "04:00",
                    57
                ],
                [
                    "05:00",
                    13
                ],
                [
                    "06:00",
                    153
                ],
                [
                    "07:00",
                    213
                ],
                [
                    "08:00",
                    836
                ],
                [
                    "09:00",
                    1849
                ],
                [
                    "10:00",
                    1898
                ],
                [
                    "11:00",
                    2061
                ],
                [
                    "12:00",
                    3434
                ],
                [
                    "13:00",
                    3518
                ],
                [
                    "14:00",
                    2559
                ],
                [
                    "15:00",
                    2973
                ],
                [
                    "16:00",
                    3660
                ],
                [
                    "17:00",
                    3822
                ],
                [
                    "18:00",
                    4380
                ],
                [
                    "19:00",
                    4168
                ],
                [
                    "20:00",
                    4343
                ],
                [
                    "21:00",
                    4247
                ],
                [
                    "22:00",
                    4162
                ],
                [
                    "23:00",
                    4829
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "margin": 8
            },
            "logBase": 10,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "markPoint": {
                "label": {
                    "show": true,
                    "position": "inside",
                    "color": "#fff",
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u6700\u5927\u503c",
                        "type": "max"
                    },
                    {
                        "name": "\u6700\u5c0f\u503c",
                        "type": "min",
                        "value": 10
                    }
                ]
            },
            "markLine": {
                "silent": false,
                "precision": 2,
                "label": {
                    "show": true,
                    "margin": 8
                },
                "data": [
                    {
                        "name": "\u5e73\u5747\u503c",
                        "type": "average"
                    }
                ]
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u804a\u5929\u9891\u7387"
            ],
            "selected": {
                "\u804a\u5929\u9891\u7387": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "00:00",
                "01:00",
                "02:00",
                "03:00",
                "04:00",
                "05:00",
                "06:00",
                "07:00",
                "08:00",
                "09:00",
                "10:00",
                "11:00",
                "12:00",
                "13:00",
                "14:00",
                "15:00",
                "16:00",
                "17:00",
                "18:00",
                "19:00",
                "20:00",
                "21:00",
                "22:00",
                "23:00"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u804a\u5929\u65f6\u6bb5",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_73b43cab30a0459c93131be28c4335d1.setOption(option_73b43cab30a0459c93131be28c4335d1);
    </script>
<script type="text/javascript">!
      function(c) {
        function e(e) {
          for (var r, t, n = e[0], o = e[1], u = e[2], i = 0, l = []; i < n.length; i++) t = n[i],
          a[t] && l.push(a[t][0]),
          a[t] = 0;
          for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (c[r] = o[r]);
          for (s && s(e); l.length;) l.shift()();
          return p.push.apply(p, u || []),
          f()
        }
        function f() {
          for (var e, r = 0; r < p.length; r++) {
            for (var t = p[r], n = !0, o = 1; o < t.length; o++) {
              var u = t[o];
              0 !== a[u] && (n = !1)
            }
            n && (p.splice(r--, 1), e = i(i.s = t[0]))
          }
          return e
        }
        var t = {},
        a = {
          1 : 0
        },
        p = [];
        function i(e) {
          if (t[e]) return t[e].exports;
          var r = t[e] = {
            i: e,
            l: !1,
            exports: {}
          };
          return c[e].call(r.exports, r, r.exports, i),
          r.l = !0,
          r.exports
        }
        i.m = c,
        i.c = t,
        i.d = function(e, r, t) {
          i.o(e, r) || Object.defineProperty(e, r, {
            enumerable: !0,
            get: t
          })
        },
        i.r = function(e) {
          "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
            value: "Module"
          }),
          Object.defineProperty(e, "__esModule", {
            value: !0
          })
        },
        i.t = function(r, e) {
          if (1 & e && (r = i(r)), 8 & e) return r;
          if (4 & e && "object" == typeof r && r && r.__esModule) return r;
          var t = Object.create(null);
          if (i.r(t), Object.defineProperty(t, "default", {
            enumerable: !0,
            value: r
          }), 2 & e && "string" != typeof r) for (var n in r) i.d(t, n,
          function(e) {
            return r[e]
          }.bind(null, n));
          return t
        },
        i.n = function(e) {
          var r = e && e.__esModule ?
          function() {
            return e.
          default
          }:
          function() {
            return e
          };
          return i.d(r, "a", r),
          r
        },
        i.o = function(e, r) {
          return Object.prototype.hasOwnProperty.call(e, r)
        },
        i.p = "//s5.music.126.net/static_public/5c21db8d4684556c72180904/";
        var r = window.webpackJsonp = window.webpackJsonp || [],
        n = r.push.bind(r);
        r.push = e,
        r = r.slice();
        for (var o = 0; o < r.length; o++) e(r[o]);
        var s = n;
        f()
      } ([]);
</script>
<script type="text/javascript" src="./my_resource/vendors.9fee400a.js"></script>
<script type="text/javascript" src="./my_resource/main.17f67bd0.js"></script>
<div>
    <div></div>
</div>
</body>

</html>